<script setup>
// 父传子
// 1.在给子组件，添加属性的方式传值
// 2.在子组件，通过props直接接收

// 首先引入
// 局部组件(导入进来就能用)
 import { ref } from 'vue'
 import SonCom from '@/components/son-com.vue'


 const money = ref(100)
 const getMoney = () => {
  money.value += 10
}
const changeFn = (newMoney) => {
  money.value -= newMoney
}
</script>

<template>
 <div>
  <h3>父组件 - {{ money }}
    <button @click="getMoney">挣钱</button>
  </h3>
 
  <!-- 1.给子组件，添加属性的方式传值 -->
  <SonCom
  @changeMoney="changeFn"
   car="宝马车"
    :qian="money"></SonCom>
 </div>


</template>